  <gm:page title="EQ Central"> 
  
  <style>
   
   .gm-header {
     background-color: #c2dcf5;
     padding:5px;
     -moz-border-radius: 4 4 0 0;
   }
    
   .gm-header .gm-pager-button {
       background-color: #c3d9ff; 
    }
    
    .gm-section-tab {
    
      margin-left:4px;
      margin-right:4px;
      padding-right:8px;
      padding-left:8px;
      padding-top:2px;
      background-color:#E8EEF7;
    }
    
    .gm-section-tab-selected {
        font-weight:bold; 
        background-color:#c2dcf5;
        border:1px solid #c2dcf5;
        margin-bottom: -1px;  
     }
    
    .gm-gadget-list tbody.gm-item {
        border-top:none;
        border-bottom:1px solid #e6e6e6;
     }
     
    .gm-item-selected {
        background: #e6e6e6;
    }    
         
  </style>


  <table width="100%" >
     <tr>
       <td colspan="2" style="padding-top:20px">
         <gm:tabs target="newsContainer"/>
         <gm:container id="newsContainer">
           <gm:section id="googlenews" title="México">
            <gm:list id="eqUgooglenews" data="http://news.google.com.mx/nwshp?ned=es_mx&topic=n&output=rss" template="eqNewsTemplate" pagesize="15"/>
           </gm:section>
           <gm:section id="yahooeqnews" title="Economía">
            <gm:list id="eqyahoonews" data="http://news.google.com.mx/nwshp?client=firefox-a&rls=org.mozilla:es-ES:official&oe=UTF-8&channel=s&tab=wn&ned=es_mx&topic=b&output=rss" template="eqNewsTemplate" pagesize="10"/>
           </gm:section>
           <gm:section id="sfnews" title="El Mundo">
            <gm:list id="eqsfnews" data="http://news.google.com.mx/nwshp?ned=es_mx&topic=w&output=rss" template="eqNewsTemplate" pagesize="10"/>
           </gm:section>
           <gm:section id="usgsnews" title="Deportes">
            <gm:list id="equsgsnews" data="http://news.google.com.mx/nwshp?ned=es_mx&topic=s&output=rss" template="eqNewsTemplate" pagesize="10"/>
           </gm:section>
         </gm:container>
       </td>
     </tr>
  </table> 
  
  
<gm:template id="eqListTemplate">
    <table class="expand">
      <tr>
        <td colspan="4"><gm:header>Lo último en Noticaribe</gm:header></td>
      </tr>
      <tr repeat="true" class="row">
       <td style="padding-bottom:5px;">
          <img src="http://www.noticaribe.com.mx/noticias/icono.jpg" width="16" height="16"/>
        </td>
        <td style="padding-bottom:5px;">
          <gm:text ref="atom:title"/>
        </td>  
        <td style="padding-bottom:5px;">
          <gm:date ref="atom:updated"/>
        </td> 
        <td width="40px" align="right" style="padding-bottom:5px;">
          <gm:link ref="atom:link[@rel='alternate']/@href" label="Más" />
        </td>
      </tr>
    </table>
    <table width="100%">
      <tr>
        <td align="center" style="padding-top:10px"><gm:pager/></td>
      </tr>
    </table>
  </gm:template>
  
      <gm:template id="detailTemplate">
<div repeat="true">
<b><gm:link ref="atom:link/@href" labelref="atom:title"/></b>
<gm:text ref="atom:summary"/><br/>
</div>
<table width="100%">
      <tr>
        <td align="center" style="padding-top:10px"><gm:pager/></td>
      </tr>
    </table>
</gm:template>
  
  <gm:template id="eqNewsTemplate">
    <table class="expand">
      <tbody repeat="true">
        <tr>
         <td style="font-size:14px;font-weight:bold;padding-top:10px">
          <gm:link ref="atom:link[@rel='alternate']/@href" labelref="atom:title"/>
        </td> 
         <td align="right" style="color:gray;padding-top:10px"><gm:date ref="atom:updated"/></td> 
        </tr>
        <tr>
          <td style="color:gray;padding-bottom:10px" colspan="2"><gm:html ref="atom:summary"/></td>
        </tr>
       </tbody>
    </table>
    <table width="100%">
      <tr>
        <td align="right" style="padding-top:10px"><gm:pager/></td>
      </tr>
    </table>
  </gm:template>
  
    
  <gm:template id="eqPhotosTemplate">
    <table class="expand">
      <tbody repeat="true">
        <tr repeat="true">
          <td style="padding:10px"><gm:text ref="atom:title"/><gm:image ref="atom:link[@rel='enclosure']/@href" width="200" height="200"/>
        </tr>
       </tbody>
    </table>
    <table width="100%">
      <tr>
        <td align="right" style="padding-top:10px"><gm:pager/></td>
      </tr>
    </table>
  </gm:template>
  
  <gm:template id="eqtemplate">
      <div repeat="true" align="left">
<b><gm:link ref="atom:link/@href" labelref="atom:title"/></b>
<gm:text ref="atom:summary"/><br/>
      </div>
  </gm:template>
  
  <script>
    var d = new Date(); 
    var updateddate = document.getElementById('update');
    updateddate.innerHTML = d.toUTCString();
  </script>  
  
  
</gm:page>